<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {
            font-family: 'Microsoft YaHei', sans-serif;
            margin: 0;
            padding: 20px;
            background-color: #f5f5f5;
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
            background-color: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        h2 {
            color: #333;
            border-bottom: 1px solid #eee;
            padding-bottom: 10px;
            margin-top: 30px;
        }
        h3 {
            color: #666;
            margin-left: 20px;
            margin-top: 15px;
            margin-bottom: 10px;
        }
        .singer-list {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            margin-left: 20px;
        }
        .singer-item {
            background-color: #f9f9f9;
            padding: 10px 15px;
            border-radius: 4px;
            cursor: pointer;
            transition: background-color 0.2s;
        }
        .singer-item:hover {
            background-color: #e9e9e9;
        }
        .category {
            margin-bottom: 30px;
        }
    </style>
</head>
<body>
    <div class="container">
        <h2>推荐</h2>
        <div class="category">
            <div class="singer-item">推荐歌手</div>
            <div class="singer-item">入驻歌手</div>
        </div>

        <h2>华语</h2>
        <div class="category">
            <h3>华语男歌手</h3>
            <h3>华语女歌手</h3>
            <h3>华语组合乐队</h3>
        </div>

        <h2>欧美</h2>
        <div class="category">
            <h3>欧美男歌手</h3>
            <h3>欧美女歌手</h3>
            <h3>欧美组合乐队</h3>
        </div>

        <h2>日本</h2>
        <div class="category">
            <h3>日本男歌手</h3>
            <h3>日本女歌手</h3>
            <h3>日本组合乐队</h3>
        </div>

        <h2>韩国</h2>
        <div class="category">
            <h3>韩国男歌手</h3>
            <h3>韩国女歌手</h3>
            <h3>韩国组合乐队</h3>
        </div>

        <h2>其他</h2>
        <div class="category">
            <h3>其他男歌手</h3>
            <h3>其他女歌手</h3>
            <h3>其他组合乐队</h3>
        </div>

        <h2>入驻歌手</h2>
        <div class="singer-list">
            <div class="singer-item">张惠妹</div>
            <div class="singer-item">吴建松</div>
            <div class="singer-item">孙楠</div>
            <div class="singer-item">老静</div>
            <div class="singer-item">陈亚玉</div>
            <div class="singer-item">陶慧</div>
            <div class="singer-item">蒋维强</div>
            <div class="singer-item">黄小波</div>
            <div class="singer-item">胡晓昊</div>
            <div class="singer-item">杨宗祥</div>
        </div>

        <h2>热门歌手</h2>
        <div class="singer-list">
            <div class="singer-item">林艳杰</div>
            <div class="singer-item">陈文忠</div>
            <div class="singer-item">邓浩清</div>
            <div class="singer-item">G.E.M.郭敏帆</div>
            <div class="singer-item">王苏洁</div>
        </div>
    </div>
</body>
</html>
</body>
</html>